<div class='tabviewpanel'>
    <tabs :value="activatedTabViewPanel" :animated="false" class='tabexppanel' name='${ctrl.getCodeName()?lower_case}' @on-click="tabPanelClick($event)">
        <#list ctrl.getPSControls() as tabviewpanel>
        <tab-pane :index="${tabviewpanel_index}" name='${tabviewpanel.name}' tab='${ctrl.getCodeName()?lower_case}' class='<#if tabviewpanel.getPSSysCss?? && tabviewpanel.getPSSysCss()??>${tabviewpanel.getPSSysCss().getCssName()}</#if>'  v-if="authResourceObject['${tabviewpanel.name}'].visabled"
            :label="(h) =>{
                return h('div', [
                    <#if tabviewpanel.getPSSysImage()??>
                    <#assign sysimage = tabviewpanel.getPSSysImage()/>
                    <#if sysimage.getImagePath() ==  "">
                    h('i',{
                        class:'${sysimage.getCssClass()}',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    <#else>
                    h('img',{
                        src:'${sysimage.getImagePath()}',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    </#if>
                    </#if>
                    h('span', '${tabviewpanel.getCaption()}'),
                    h('Badge', {
                        props: {
                            count: <#if tabviewpanel.getPSSysCounterRef?? && tabviewpanel.getPSSysCounterRef()?? && tabviewpanel.getPSSysCounterRef().getPSAppCounter()??><#assign appCounter = tabviewpanel.getPSSysCounterRef().getPSAppCounter()/>${appCounter.getCodeName()?lower_case}counterservice.counterData.<#if tabviewpanel.getCounterId()??>${tabviewpanel.getCounterId()?lower_case}</#if><#else>undefined</#if>,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            ${P.getCtrlCode(tabviewpanel, 'CONTROL.html').code}
        </tab-pane>
        </#list>
    </tabs>
</div>